<template>
    <div class="profileHead">
        <div class="linjiaan">
            <div class="profileHead-img">
                <img src="http://img.mp.itc.cn/upload/20170727/1eec9db762434675bc861f11366153d1_th.jpg">
            </div>
            <div class="profile-name">林佳岸</div>
            <div class="profile-xuehao">201835020821</div>
        </div>


    </div>
</template>

<script>
    export default {
        name: "ProfileHead"
    }
</script>

<style scoped>
    .profileHead{
        background-color: #f6f6f6;
        width: 100%;

    }
    .profileHead-img{
        width: 150px;
        height: 100px;
        margin: auto auto;

    }
    .profileHead-img img{
        border-radius: 50%;
        width: 100%;
        height: 100%;
    }
    .profile-name{
        font-family: Cursive;
        font-weight: 700;
        font-size: 20px;
        margin:12px auto ;
        width: 75px;
    }
    .profile-xuehao{
        margin: auto auto;
        width: 100px;
        font-weight: 600;
        font-family: Serif;
    }
    .linjiaan{
        padding-top: 60px;
        padding-bottom: 60px;
    }
</style>